//以375为基准的视觉稿，rpx要*2，以750px为基准的视觉稿，rpx=px
$main-color: #4277D9;
$sub-color-orange: #f9be42;
$sub-color-green: #3eb528;
$red-color: #F5222D;
$thin-color1:#7DB3D9;
$thin-color2:#d9a67d;
$thin-color3:#7d95d9;
$thin-color4:#927dd9;
$font-base-color: #262626;
$font-sub-color: #6f6f6f;
$font-large-size:54rpx;
$font-big-size:40rpx;
$font-base-size:30rpx;
$font-sub-size:26rpx;
$img-path: '~@/assets/images/';
$beside-gap: 40rpx;
$bottom-bar-h: 100rpx;
$search-bar-h: 112rpx;
$radius: 20rpx;
@mixin ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin active{
  &:active{
    background-color: #f9fbfd;
  }
}
@mixin line-1px($position,$color){
  & {
    position: relative;
  }
  &:before{
    content: '';
    position: absolute;
    display: block;
    background-color: $color;
    z-index: 1;
  }
  @if $position == 'bottom' {
    &:before{
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2rpx;
      @media screen and (-webkit-min-device-pixel-ratio: 2) {
        transform: scaleY(0.5);
      }
      @media screen and (-webkit-min-device-pixel-ratio: 3) {
        transform: scaleY(0.3);
      }
    }
  }
  @if $position == 'top' {
    &:before{
      top: 0;
      left: 0;
      width: 100%;
       height: 2rpx;
      @media screen and (-webkit-min-device-pixel-ratio: 2) {
        transform: scaleY(0.5);
      }
      @media screen and (-webkit-min-device-pixel-ratio: 3) {
        transform: scaleY(0.3);
      }
    }
  }
}
@mixin clear-line(){
	&::before{
		width: 0;
		height: 0;
	}
}